<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页|星巴克</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div id="wrapper">
    <div id="nav-bar">
        <div class="munu">
        <input type="image" src="imgs/smallImgs/menu_icon.svg"> <br>
        <span>菜单</span>
        </div>
    </div>
    <a href="#" id="logo">
        <img src="imgs/smallImgs/logo.svg" alt="">
    </a>
    <div id="signIn">
        <div id="login">
        <span>星享俱乐部</span> <br>
        <a href="#">登陆</a>
        <span>或</span>
        <a href="#">注册</a>
        </div>
    </div>
</div>
<div class="BigAd">
    <img src="imgs/smallImgs/kv-desktop-cn-20170724152434.jpg" alt="">
    <span id="ad">广告</span>
    <span id="knewMore">了解更多>></span>
</div>
<div class="container">
    <div class="warp">
    <div class="rewards-mask">
        <p>星享卡</p>
        <div class="rewards-logo"></div>
    </div>
    <div class="rewards-content">
        <p>星享俱乐部</p>
        <p>开启您的星享之旅，星星越多、会员等级越高、好礼越丰富</p>
        <div class="form">
            <a href="">注册</a>
            <a href="">登陆</a>
            <a href="">了解更多>></a>
        </div>
    </div>
    </div>
</div>
<div class="app-ad">
    <div class="app-container">
<div class="app-device"></div>
<div class="app-download"></div>
<div class="app-contant"></div>
</div>
</div>
</body>
</html>






































